import { createApp,defineAsyncComponent} from 'vue';
import App from './App.vue';
import router from './router.js';
const app = createApp(App);

const Content = defineAsyncComponent(() => import('child/Content'))
app.component('content-element',Content)
const Button = defineAsyncComponent(() => import('child/Button'))
app.component('button-element',Button)
const HotTopic=defineAsyncComponent(()=>import('child/HotTopic'));
app.component('hottopic',HotTopic);
const DailySongList=defineAsyncComponent(()=>import('child/DailySongs'));
app.component('dailylist',DailySongList);
const GedanSong=defineAsyncComponent(()=>import('child/gedanList'));
app.component('gedanlist',GedanSong);
app.use(router).mount('#app');

